html {
  height: 100%;

  body {
    height: 100%;
    position: relative;
    padding: 0;
    margin: 0;
    font-family: MicrosoftYaHei, Avenir, Helvetica, Arial, sans-serif;
    color: #636d7e;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    //@include base-scrollbar;

    div {
      //@include base-scrollbar;
    }

    div.flex {
      display: flex;
    }

    span.ellipsis {
      display: inline-block;
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    svg,
    i {
      &:hover {
        opacity: 0.8;
      }
    }

    i {
      font-style: normal;
    }

    ul {
      list-style: none;
    }

    .v-modal {
      backdrop-filter: blur(10px);
    }

    /* el-tag开始 */
    .el-tag + .el-tag {
      margin-left: 10px;
    }

    /* el-tag结束 */

    /* 间隔线开始 */
    .el-divider--horizontal {
      margin: 10px 0 25px 0;

      .el-divider__text {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
      }
    }

    /* 间隔线结束 */
    * {
      box-sizing: border-box;
      padding: 0;
      border: 0;
      outline: 0;
      vertical-align: middle
    }

  }

}